// ========  BEREICHE ============= //


// -------------------------
// Contentbereich
// ------------------------- 
@contentBackground: @baseColor; //Der Bereich mit der id "#content"

// -------------------------
// Header Layout
// -------------------------
@headerBackground: @black;
@headerHeight: 100px; //Headers min height

// -------------------------
//Ein sogenannter Hero - fett hervorgehobener Kasten
// -------------------------
@heroBackround: darken(@silver,5%);
@heroColor: @grayDark;

// Hero unit
// -------------------------
@heroUnitBackground:              @heroBackround;
@heroUnitHeadingColor:            @heroColor;
@heroUnitLeadColor:               @heroColor;


// -------------------------
//Ein Well - weniger hervorgehobener Kasten 
// -------------------------

@wellBackground:                  @grayDarker;


// Modules 

@rightModuleBorder: @gray;
@leftModuleBorder: @gold;

// -------------------------
//Item Bereich - Textbereiche mit Rahmen
// -------------------------
@itemBackground: transparent;
@itemBorderColor: lighten(@goldDark,10%);